const { defineConfig } = require('@vue/cli-service')
// 通过common.js模块化语法导入path
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      // 自动导入样式文件的配置
      patterns: [
        // __dirname:获取的是当前文件 所在目录的绝对路径
        // __filename:获取的是当前文件的绝对路径
        // 通过path.join 拼接文件路径
        path.join(__dirname, './src/styles/variables.less')
      ]
    }
  },
  // 开发服务器
  devServer: {
    // 告诉webpack通过这个域名来访问项目，默认会寻找localhost域名访问
    host: 'www.corho.com'
  },
  // 这个是设置外部扩展，模块为qc变量名为QC，导入qc将不做打包
  configureWebpack: {
    externals: {
      // 用来去除打包时候的常用不变模块
      // qc：导入的包
      // 导入定义的包名
      qc: 'QC'
    }
  }
})

// 浏览器网址栏输入域名，回车后,ip地址解析过程:
// 1.优先去本机的hosts 文件查找当前域名和ip的对应关系
// 2.如果查找到了。就把域名对应的ip服务器上资源返回
// 3.否则，就去线上的DNS服务器上查找，把对应的域名解析成ip
// 4.返回ip服务器上的资源
// 服务器认ip,人认域名
